home *** CD-ROM | disk | FTP | other *** search
/ PC World Komputer 2010 April / PCWorld0410.iso / pluginy Firefox / 1833 / 1833.xpi / chrome / m / yoono.com / sidebar.jar / sidebar / memo / index-max.html < prev    next >
Encoding:
Extensible Markup Language  |  2009-12-16  |  27.9 KB  |  642 lines
  1. <?xml version="1.0" encoding="UTF-8"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  3.     "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
  4. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  5.  
  6. <!-- MEMO Rev. $WCREV$
  7.    Yoono, John Dugdale 2007
  8.    Yoono, Xavier Grosjean 2007 -->
  9.  
  10. <head>
  11.   <!-- saved from url=(0014)about:internet -->
  12.  
  13.   <script type="text/javascript">
  14.     var defaultServices = [];
  15.   </script>
  16.   <script src="../js/services/yservices.js" type="text/javascript"></script>
  17.   
  18.  
  19.   <script language="JavaScript"> iammemo = true ;</script>
  20.   <title>Memo</title>
  21.   <meta http-equiv="content-type" content="text/html; charset=UTF-8" />
  22.  
  23.  
  24.   <link type="text/css" rel="stylesheet" href="../css/skins.css" />
  25.   <link type="text/css" rel="stylesheet" href="../css/yoodget.css" />
  26.   <link type="text/css" rel="stylesheet" href="css/yoodget.css" />
  27.   <link rel="stylesheet" type="text/css" href="css/skins.css" />
  28.  
  29.   <link type="text/css" rel="stylesheet" href="css/max-common.css" />
  30.  
  31.   <!-- this line will be removed by build.sh
  32.   <script type="text/javascript" src="js/fullmemo.js?r=$WCREV$" yoono="total"></script>
  33.   this line will be removed by build.sh -->
  34.  
  35.   <script src="../js/yoono/memo/MemoMgr.js" type="text/javascript"></script>
  36.   <script src="../js/yoono/xmpp/JID.js" type="text/javascript"></script>
  37.  
  38.   <script src="../js/yoono/YoonoAPI/Yoono.js" type="text/javascript"></script>
  39.   <script src="../js/yoono/YoonoAPI/lang/lang.js" type="text/javascript"></script>
  40.   <script src="../js/yoono/YoonoAPI/dom/dom.js" type="text/javascript"></script>
  41.   <script src="../js/yoono/YoonoAPI/media/helper/VideoHelper.js" type="text/javascript"></script>
  42.   <script src="../js/yoono/YoonoAPI/media/media.js" type="text/javascript"></script>
  43.   <script src="../js/yoono/utils/utils.js" type="text/javascript"></script>
  44.   <script src="../js/controls/scrollbar/ScrollBar.js" type="text/javascript"></script>
  45.   <script src="../js/interfaces.js" type="text/javascript"></script>
  46.  
  47.   <script src="../js/yoono/YoonoAPI/thirdpart/prototype/prototype.js" type="text/javascript"></script>
  48.   <script src="../js/yoono/YoonoAPI/thirdpart/scriptaculous/scriptaculous.js?load=effects,dragdrop,slider" type="text/javascript"></script>
  49.   <!--<script src="../js/yoono/utils/yprototype.js" type="text/javascript"></script>-->
  50.  
  51.   <script>
  52.     window.YEXTIF = new ExternalInterface();
  53.     /*
  54.     window.YEXTIF = new Object();
  55.     YEXTIF.log = function(msg) {alert(msg)};
  56.  
  57.     YEXTIF.click = function(aOverlay, aPoint, aMapDiv) {
  58.       memo.editor.mapClick(aOverlay, aPoint, aMapDiv);
  59.     };
  60.  
  61.     var url = document.location.href;
  62.     url = url.replace('/memo.yoono', '/cache.yoono');
  63.     document.write('<base href="' + url +'"/>');
  64.     function GUnload() {};
  65.     */
  66.   </script>
  67.   
  68.   <!-- scripts with attribute yoono="partiel" will be removed by build.sh -->
  69.   <script type="text/javascript" src="../js/popupHelper.js"></script>
  70.   <script type="text/javascript" src="../js/yoono/memo/common.js"></script>
  71.   <script type="text/javascript" src="js/blog.js" yoono="partiel"></script>
  72.   <script type="text/javascript" src="js/viewer.js" yoono="partiel"></script>
  73.   <script type="text/javascript" src="js/editor.js" yoono="partiel"></script>
  74.   <script type="text/javascript" src="js/max-sb-medias.js" yoono="partiel"></script>
  75.   <script type="text/javascript" src="js/max-sb-images.js" yoono="partiel"></script>
  76.   <script type="text/javascript" src="js/max-sb-videos.js" yoono="partiel"></script>
  77.   <script type="text/javascript" src="js/max-sb-msn.js" yoono="partiel"></script>
  78.   <script type="text/javascript" src="js/max-sb-youtube.js" yoono="partiel"></script>
  79.   <script type="text/javascript" src="js/max-sb-flickr.js" yoono="partiel"></script>
  80.   <script type="text/javascript" src="js/max-sb.js" yoono="partiel"></script>
  81.   <script type="text/javascript" src="js/max-dialogs.js" yoono="partiel"></script>
  82.   <script type="text/javascript" src="js/max-config.js" yoono="partiel"></script>
  83.   <script type="text/javascript" src="js/max-utils.js" yoono="partiel"></script>
  84.   <script type="text/javascript" src="js/max.js" yoono="partiel"></script>
  85.  
  86.   <script type="text/javascript" src="js/locales.js" yoono="partiel"></script>
  87.  
  88.   <!-- controls -->
  89.   <script src="../js/controls/throbber/throbber.js" type="text/javascript"></script>
  90.   
  91. <style type="text/css">
  92.   #queryContainer { margin-bottom:2em; width: 80%; margin-left:auto; margin-right:auto; }
  93.   #query { border:1px solid silver; width: 100%; }
  94.   #searchcontrol { width:80%; margin-left:auto; margin-right:auto; text-align:left; }
  95.   .gsc-control { width: 100%; }
  96.   .gsc-resultsHeader { display: none; }
  97.   .gs-text-box { display:none; }
  98.   
  99. </style>
  100.  
  101. </head>
  102.  
  103. <body class="pop" onunload="closePop()">
  104.  
  105.   <div id="resizer" onmousedown="memo.resizeWin(this, event)"> </div>
  106.   
  107. <!-- HEADER BAR -->
  108.  
  109. <div id="header">
  110.  
  111. <div id="header-bg" class="skin-hstretch"></div>
  112.  
  113. <div id="head-drag" onMouseDown="memo.moveWin(this, event)"> </div>
  114.  
  115.   <div id="head-title">
  116.   
  117.     <div id="viewer-title-input-box" style="display:none">
  118.       <input id="viewer-title-input" type="text" value="ok" onkeypress="memo.getViewer().titleChanging(event)" />
  119.     </div>
  120.  
  121.     <div id="viewer-title" class="mlist-item" onclick="memo.getViewer().toggleRename()">
  122.         <table cellpadding="0" cellspacing="0">
  123.             <tr>
  124.                 <td>
  125.                     <div class="mlist-item-text" translate="true">no title</div>
  126.                 </td>
  127.                 <td>
  128.                     <div class="mlist-item-shared bg"></div>
  129.                 </td>
  130.             </tr>
  131.         </table>
  132.     </div>
  133.  
  134.     <div id="viewer-title-arrow" class="skin"
  135.       menubutton="left"
  136.       position="element"
  137.       onmouseup="YTools.menu(this, 'viewer-menu')"
  138.     ></div>
  139.     <span id="head-title-caption" hoverclass="text-hover" translate="true" tooltiptext="Click to change" onClick="memo.config.setTitleEditable()"></span>
  140.     <input id="head-title-caption-input" size="40" maxlength="40" type="text" value="" style="display:none" onChange="memo.config.setTitleNotEditable()" onKeyDown="memo.config.titleChange();" onKeyPress="memo.config.checkTitleFinished(event);"/>
  141.   </div>
  142.  
  143.   <div id="throbber"></div>
  144.   
  145.   <div id="header-menu">
  146.     <div class="header-mnu-btn" id="head-mnu-close" hoverclass="image-hover" onclick="closePop();" tooltiptext="Close"></div>
  147.     <div class="header-mnu-btn" id="head-mnu-min" hoverclass="image-hover" onclick="javascript:memo.config.minimize();" tooltiptext="Minimize window"></div>
  148.   </div>
  149.  
  150. </div>
  151.  
  152. <!-- POPUPS -->
  153.  
  154.   <!-- BLOG DIALOG -->
  155.  
  156.   <div id="blog-dlg" class="main-bloc skin-bgA" style="display:none">
  157.   
  158.     <div id="blog-dlg-title" class="dlg-title"  translate="true">
  159.         <span translate="true">Blog this note on :</span>
  160.     </div>
  161.     
  162.     <div id="blog-initial-pnl">
  163.  
  164.       <div class="blog-pnl" style="height: 25px">
  165.         <select id="blog-provider-btn" onchange="yoodget.getBlog().selectProvider()"></select>
  166.       </div>
  167.  
  168.       <div class="blog-pnl" id="blog-url-pnl">
  169.         <div class="dlg-lbl" translate="true">Url of your blog :</div>
  170.         <input class="dlg-input email-from" id="blog-url" prompt="... of the blog" type="text" value="" />
  171.       </div>
  172.       <div class="blog-pnl" id="blog-login-pnl" style="display:none">
  173.         <div class="dlg-lbl" translate="true">Personal data :</div>
  174.         <div id="blog-login-lbl" translate="true">Login</div>
  175.         <input class="dlg-input" onfocus="memo.getBlog().removePrompt(this)" id="blog-login" type="text" prompt="... of the blog (not saved on our servers)" value="" />
  176.         <div id="blog-password-lbl" translate="true">Password</div>
  177.         <input id="blog-password" class="dlg-input" onkeypress="memo.getBlog().passwordChange(event)"
  178.           value="" onfocus="memo.getBlog().removePrompt(this)" type="password"  />
  179.       </div>
  180.  
  181.       <div class="blog-pnl" id="blog-account-pnl">
  182.         <div id="blog-account-pnl-lbl" translate="true" onclick="memo.getBlog().removeAccount()">delete this account</div>
  183.       </div>
  184.  
  185.     </div>
  186.  
  187.     <div id="blog-final-pnl" style="display:none">
  188.       <div id="blog-final-pnl-tick" class="skin"></div>
  189.       <span translate="true" onclick="memo.getBlog().openBlogPage()">The block has been posted on your <span>blog</span></span>
  190.     </div>
  191.  
  192.     <div class="dlg-footer">
  193.  
  194.       <div id="blog-dlg-foot-finish-btn" class="button normal small light" translate="true" onclick="memo.getBlog().finishedClick()">Finished</div>
  195.       <div id="blog-dlg-foot-ok-btn" class="button normal small light" translate="true" onclick="memo.getBlog().okClick()">Post</div>
  196.       <div id="blog-dlg-foot-cancel-btn" class="button link small light" translate="true" onclick="memo.getBlog().cancel()">Cancel</div>
  197.  
  198.     </div>
  199.  
  200.   </div>
  201.  
  202.   <!-- SHARE DIALOG -->  
  203.     
  204.   <div id="share-dlg" class="dlg main-bloc skin-bgA" style="display:none">
  205.  
  206.     <div class="dlg-title" translate="true">Share with friends</div>
  207.  
  208.     <input type="text" id="share-filter" onfocus="memo.getShare().removePrompt(this)" onkeyup="memo.getShare().filter()" style="display: none" />
  209.  
  210.     <div id="share-group-box" onclick="memo.getShare().groupBoxClick(event)">
  211.       <div id="share-group-box-content" class="bgB"></div>
  212.     </div>
  213.  
  214.     <div id="share-scbar" class="scbar" style="display:none">
  215.       <div class="scbarTrack">
  216.         <div class="scbarHandle">
  217.           <div class="scbarHandleTop scrollbarHandle skin-bgA"></div>
  218.           <div class="scbarHandleMiddle scrollbarHandle skin-bgA"> </div>
  219.           <div class="scbarHandleBottom scrollbarHandle skin-bgA"></div>
  220.         </div>
  221.       </div>
  222.     </div>    
  223.  
  224.     <div class="dlg-footer">
  225.  
  226.       <div class="button button-small" hoverbox style="margin-right: 5px;">
  227.         <b class="button-small-1 button-edge"></b>
  228.         <b class="button-small-2"></b>
  229.         <div class="buttoncontent" translate="true" value="new-note" onClick="memo.getShare().okClick()">OK</div>
  230.         <b class="button-small-2b"></b>
  231.         <b class="button-small-1b button-edge"></b>
  232.       </div>
  233.  
  234.       <div class="button button-small" hoverbox style="margin-right: 5px;">
  235.         <b class="button-small-1 button-edge"></b>
  236.         <b class="button-small-2"></b>
  237.         <div class="buttoncontent" translate="true" value="new-note" onClick="memo.getShare().cancel()">Cancel</div>
  238.         <b class="button-small-2b"></b>
  239.         <b class="button-small-1b button-edge"></b>
  240.       </div>     
  241.  
  242.     </div>
  243.           
  244.   </div>
  245.  
  246. <!-- SIDEBAR -->
  247.  
  248. <div id="sb" class="skin-bgA">
  249.  
  250.   <div id="sb-inner">
  251.  
  252.     <div id="sb-header">
  253.       <div id="sb-close" class="skin-img" hoverclass="image-hover" tooltiptext="Hide media bar" onClick="memo.getSb().toggle();"></div>
  254.       <div id="sb-head-btn"
  255.         class="bg"
  256.         menu="sb-menu"
  257.         onmouseup="YTools.menu(this, 'sb-menu')"
  258.         onClick="memo.getSb().hidePop()">
  259.         <span translate="true">Media</span>
  260.       </div>
  261.       <div id="sb-title" translate="true"></div>
  262.     </div>
  263.  
  264.     <div id="sb-tabs">
  265.     
  266.       <div id="sb-images-videos" class="sb-tab" style="display:none">
  267.         <div class="sb-content"></div>
  268.       </div>
  269.  
  270.       <div id="sb-images" class="sb-tab" style="display:none">
  271.         <div class="sb-content"></div>
  272.       </div>
  273.  
  274.       <div id="sb-videos" class="sb-tab" style="display:none">
  275.         <div class="sb-content"></div>
  276.       </div>
  277.  
  278.       <div id="sb-msn" class="sb-tab" style="display:none">
  279.         <div class="sb-search-input-box"><input class="sb-search-input" type="text" /></div>
  280.         <div class="sb-content"></div>
  281.       </div>
  282.  
  283.       <div id="sb-flickr" class="sb-tab" style="display:none">
  284.         <div class="sb-search-input-box"><input class="sb-search-input" type="text" /></div>
  285.         <div class="sb-content"></div>
  286.       </div>
  287.  
  288.       <!--
  289.       need to change to use gData
  290.       <div id="sb-youtube" class="sb-tab" style="display:none">
  291.         <div class="sb-search-input-box"><input class="sb-search-input" type="text" /></div>
  292.         <div class="sb-content"></div>
  293.       </div>
  294.       -->
  295.  
  296.     </div>
  297.     
  298.     <div id="sb-navig" style="display:none">
  299.       <div id="sb-navig-next" hover onClick="memo.getSb().navigNext();"></div>
  300.       <div id="sb-navig-prev" hover onClick="memo.getSb().navigPrev();"></div>
  301.     </div>
  302.  
  303.   </div>
  304. </div>
  305.  
  306. <div id="sb-menu" style="display:none;" class="menu" onclick="memo.getSb().menu(event)">
  307.   <!--
  308.   <div class="menu-item" value="all">
  309.     <div class="menu-icon"></div>
  310.     <span translate="true">All</span>
  311.   </div>
  312.   -->
  313.   <div class="menu-item" hoverbox value="images">
  314.     <div class="menu-icon common-img1"></div>
  315.     <span translate="true">Web site images</span>
  316.   </div>
  317.   <div class="menu-item" hoverbox value="videos">
  318.     <div class="menu-icon common-img1"></div>
  319.     <span translate="true">Web site videos</span>
  320.   </div>
  321.   <div class="skin-bgA" style="clear:both; height:1px;"> </div>
  322.   <div class="menu-item" hoverbox value="msn">
  323.     <div class="menu-icon common-img1"></div>
  324.     <span translate="true">Msn images</span>
  325.   </div>
  326.   <div class="menu-item" hoverbox value="flickr">
  327.     <div class="menu-icon common-img1"></div>
  328.     <span translate="true">Flickr images</span>
  329.   </div>
  330.   <!--
  331.   <div class="menu-item" hoverbox value="youtube">
  332.     <div class="menu-icon common-img1"></div>
  333.     <span translate="true">Youtube videos</span>
  334.   </div>
  335.   -->
  336. </div>
  337.  
  338. <!-- POPUP FOR MEDIA PREVIEW -->
  339.  
  340. <div id="preview" class="skin-bgA" style="display:none"
  341.   onmouseover="memo.getSb().mouseOverPreview(event)"
  342.   onmouseout="memo.getSb().mouseOutPreview(event)"
  343.   onkeypress="memo.getSb().previewKeyPress(event)"   
  344.   onKeyUp="memo.getSb().previewKeyPress(event)" 
  345.   onClick="memo.getDialogs().getPopup().clickPreview(event)"
  346. >
  347.   <div id="preview-head">
  348.     <div id="preview-head-title"></div>
  349.     <div id="preview-stretch" onClick="memo.getSb().stretchPreview(event)">
  350.       <div id="preview-stretch-tick" class="common-img1"></div>
  351.       <div id="preview-foot-text" class="skin-bgA-txt1" translate="true">expand</div>
  352.     </div>
  353.   </div>
  354.  
  355.   <div class="movablepopup-content" style="display:none" id="movablepopup-content-preview">
  356.     <iframe id="preview-iframe" allowtransparency="true" style="padding:0; margin: 0" width="100%" height="100%" top="0px" left="0px" src="about:blank"></iframe>
  357.   </div>
  358.  
  359.   <div id="preview-foot">
  360.     <div id="preview-foot-hint" class="skin-bgA-txt1" translate="true"></div>
  361.  
  362.     <div class="button normal small" translate="true" onclick="memo.getDialogs().getPopup().fadeAwayAndRadiate()">Close preview</div>
  363.     <div id="preview-foot-hint-add" class="button normal small" translate="true" onclick="memo.getDialogs().getPopup().addToNote()">Cancel</div>
  364.  
  365.   </div>
  366. </div>
  367.  
  368. <div id="pop-template" class="pop-template popthingy skin-bgA" style="display:none">
  369.   <div class="pop-head">
  370.     <div class="pop-head-center"></div>
  371.     <div class="pop-head-icon"></div>
  372.     <div class="pop-head-title"></div>
  373.     <div class="pop-head-drag" onMouseDown="memo.getDialogs().movePop(event)"></div>
  374.     <div class="movablepopup movablepopup-head-close" tooltiptext="Close the popup" hoverclass="image-hover" onClick="memo.getDialogs().closePop(event);"></div>
  375.   </div>
  376.  
  377.   <div class="pop-content-link-pop" style="display:none">
  378.     <div>URL</div>
  379.     <input type="text" onKeyPress="memo.getEditor().linkOK(event);" />
  380.   </div>
  381.  
  382.   <div class="pop-footer">
  383.  
  384.     <div class="pop-footer-link-pop movablepopup-foot-center" style="display:none">
  385.  
  386.       <div class="button normal small" translate="true" onclick="memo.getEditor().linkOK()">OK</div>
  387.       <div class="button light link" translate="true" onclick="memo.getEditor().linkCancel()">Cancel</div>
  388.  
  389.     </div>
  390.  
  391.     <!--
  392.     <div class="movablepopup pop-resizer" onmousedown="memo.getDialogs().resizePop(event)" ></div>
  393.     -->
  394.   </div>
  395. </div>
  396.  
  397.   <!-- VIEWER -->
  398.  
  399.   <div id="viewer" class="main-bloc" style="display:none">
  400.  
  401.     <div class="toolbar skin-bgC">
  402.       <div id="toolbar-msg" class="skin-bgA-txt1"></div>
  403.  
  404.       <div class="small-btn1" hoverbox>
  405.         <span class="small-btn1-caption" translate="true" value="new-note" onclick="memo.getViewer().menu(event)">+ block</span>
  406.       </div>
  407.  
  408.       <!--
  409.       <div class="button button-small">
  410.         <b class="button-small-1 button-edge"></b>
  411.         <b class="button-small-2"></b>
  412.         <div class="buttoncontent" translate="true" value="new-note" onclick="memo.getViewer().menu(event)">+ block</div>
  413.         <b class="button-small-2b"></b>
  414.         <b class="button-small-1b button-edge"></b>
  415.       </div>
  416.       -->
  417.  
  418.     </div>
  419.  
  420.     <div id="viewer-content-box">
  421.       <div id="viewer-content"></div>
  422.       <div id="viewer-message" style="display:none"></div>
  423.     </div>
  424.  
  425.     <!-- VIEWER FOOTER -->
  426.  
  427.     <div id="footer" class="skin-bgA">
  428.       <div id="footer-msg" hoverbox
  429.         menu="viewer-share-menu"
  430.         menubutton="left"
  431.         onmouseup="YTools.menu1(event)">
  432.         <div id="viewer-foot-share-icon" class="bg"></div>
  433.         <span id="viewer-share-caption" translate="true">share with</span>
  434.         <div id="viewer-foot-share-btn-arrow" class="bg" hover></div>
  435.       </div>
  436.  
  437.       <div style="display:none" id="footer-action-done-msg"> </div>
  438.       <div id="footer-btn" class="button normal small" translate="true" onclick="memo.close()">Close</div>
  439.  
  440.     </div>
  441.  
  442.   </div>
  443.  
  444.   <div id="note-actions-pop" style="display:none;" class="menu menu-light" onclick="memo.getViewer().menu(event)">
  445.     <div class="menu-item menu-light-item" hoverbox>
  446.       <span translate="true" value="blog-note">Blog it</span>
  447.     </div>
  448.     <div class="menu-item menu-light-item" hoverbox>
  449.       <span translate="true" value="delete-note">Delete</span>
  450.     </div>
  451.   </div>
  452.  
  453.   <div id="viewer-share-menu" style="display:none;" class="menu" onclick="memo.getViewer().menu(event)">
  454.     <div class="menu-item" id="viewer-share-menu-private" hoverbox>
  455.       <div class="menu-icon common-img1"></div><span translate="true" value="PRIVATE">nobody</span>
  456.     </div>
  457.     <div class="menu-item" id="viewer-share-menu-all" hoverbox>
  458.       <div class="menu-icon common-img1"></div><span translate="true" value="ALL">everybody</span>
  459.     </div>
  460.   </div>
  461.  
  462.   <div id="viewer-menu" style="display:none;" class="menu" onclick="memo.getViewer().menu(event)">
  463.     <div id="viewer-menu-open-page" class="menu-item" hoverbox>
  464.       <span translate="true" value="open-memo-page">See on my yoono page</span>
  465.     </div>
  466.     <div id="viewer-menu-rename-spacer" class="skin-bgA" style="clear:both; height:1px;"> </div>
  467.     <div id="viewer-menu-rename"  class="menu-item" hoverbox>
  468.       <span translate="true" value="rename-memo">Rename</span>
  469.     </div>
  470.     <div id="viewer-menu-delete" class="menu-item" hoverbox>
  471.       <span id="viewer-menu-delete-txt" translate="true" value="delete-memo">Delete</span>
  472.     </div>
  473.     <!-- do this properly or remove (eg: need to remove adjustment on edit...)
  474.     <div class="menu-item" hoverbox>
  475.       <span translate="true" value="adjust-images">Adjust image widths</span>
  476.     </div>
  477.     -->
  478.     <div id="viewer-menu-color-spacer" class="skin-bgA" style="clear:both; height:1px;"> </div>
  479.     <div id="viewer-menu-color" class="menu-item" hoverbox>
  480.       <span translate="true">Button color :</span>
  481.     </div>
  482.     <div id="viewer-menu-move-spacer" class="skin-bgA" style="clear:both; height:1px;"> </div>
  483.     <div id="viewer-menu-move" class="menu-item" hoverbox>
  484.       <span translate="true">Move to :</span><div id="viewer-menu-move-folder"></div>
  485.     </div>  
  486.   </div>
  487.  
  488.   <!-- NOTE EDITOR -->
  489.   
  490.   <div id="toolbar-hover-pop" hoverbox style="display: none"
  491.        onmouseover="javascript:memo.getEditor().toolbarPopMouseOver(event); return false;"
  492.        onmouseout="javascript:memo.getEditor().toolbarPopMouseOut(event); return false;"
  493.        onclick="memo.getEditor().toolbarPopClick(event)">
  494.     <div class="toolbar-hover-pop-borderbit"></div>
  495.     <div class="toolbar-hover-pop-border"></div>
  496.     <div class="toolbar-hover-pop-content">
  497.       <div id="edit-menu-colors" hoverbox></div>
  498.       <div id="edit-menu-fontsize" hoverbox>
  499.         <a href="javascript:void(0)"><font size="1" value="font-small" translate="true">Small</font></a><a href="javascript:void(0)" value="font-normal" translate="true">Normal</a><a href="javascript:void(0)"><font size="4" value="font-large" translate="true">Large</font></a><a href="javascript:void(0)"><font size="5" value="font-huge" translate="true">Huge</font></a>
  500.       </div>
  501.       <div id="edit-menu-smileys" hoverbox href="javascript:void(0)"></div>
  502.     </div>
  503.   </div>
  504.  
  505.   <div id="editor" class="main-bloc skin-bgA" style="display:none">
  506.   
  507.     <div class="toolbar">
  508.  
  509.       <div class="tb-bg-middle"></div>  
  510.  
  511.       <div class="toolbar-inner"
  512.        onclick="javascript:memo.getEditor().menu(event);return false;"
  513.        onmouseover="javascript:memo.getEditor().toolbarMouseOver(event); return false;"
  514.        onmouseout="javascript:memo.getEditor().toolbarMouseOut(event); return false;"
  515.        >
  516.  
  517.         <a id="toolbar-edit-btn-bold" class="toolbar-edit-btn tb-bg" tooltiptext="Bold (Ctrl-B)" value="bold" href="javascript:void(0);"></a>
  518.         <a id="toolbar-edit-btn-italic" class="toolbar-edit-btn tb-bg" value="italic" href="javascript:void(0);"></a>
  519.         <a id="toolbar-edit-btn-underline" class="toolbar-edit-btn tb-bg" value="underline" href="javascript:void(0);"></a>
  520.         <a id="toolbar-edit-btn-strikeout" class="toolbar-edit-btn tb-bg" tooltiptext="Strikethrough" value="strikethrough" href="javascript:void(0);"></a>
  521.         <a id="toolbar-edit-btn-color" class="toolbar-edit-btn tb-bg" tooltiptext="Font color" value="font-color" href="javascript:void(0);"></a>
  522.         <a id="toolbar-edit-btn-bg" class="toolbar-edit-btn tb-bg" tooltiptext="Highlight color" value="bg-color" href="javascript:void(0);"></a>
  523.         <a id="toolbar-edit-btn-fontsize" class="toolbar-edit-btn tb-bg" value="edit-menu-fontsize" href="javascript:void(0);"></a>
  524.         <a id="toolbar-edit-btn-bullets" class="toolbar-edit-btn tb-bg" tooltiptext="Bullets" value="insertunorderedlist" href="javascript:void(0);"></a>
  525.         <div class="toolbar-edit-btn-sep"></div>
  526.         <a id="toolbar-edit-btn-copy" class="toolbar-edit-btn tb-bg" tooltiptext="Copy (Ctrl-C)" value="Copy" href="javascript:void(0);"></a>
  527.         <a id="toolbar-edit-btn-paste" class="toolbar-edit-btn tb-bg" tooltiptext="Paste (Ctrl-V)" value="Paste" href="javascript:void(0);"></a>
  528.         <div class="toolbar-edit-btn-sep"></div>
  529.         <!--
  530.         <a id="toolbar-edit-btn-smiley" class="toolbar-edit-btn tb-bg" value="edit-menu-smileys" tooltiptext="Insert smiley" href="javascript:void(0);"></a>
  531.         <div class="toolbar-edit-btn-sep"></div>
  532.         -->
  533.         <a id="toolbar-edit-btn-link" class="toolbar-edit-btn tb-bg" tooltiptext="Link" value="link" href="javascript:void(0);"></a>
  534.         <div class="toolbar-edit-btn-sep"></div>
  535.         <a id="toolbar-edit-btn-noformat" class="toolbar-edit-btn tb-bg" value="removeformat" tooltiptext="Remove formatting" href="javascript:void(0);"></a>
  536.         <div class="toolbar-edit-btn-sep"></div>
  537.         <!--
  538.         <a id="toolbar-edit-btn-arrow" class="toolbar-edit-btn tb-bg" tooltiptext="More" href="javascript:void(0);"></a>
  539.         <div class="toolbar-edit-btn-sep"></div>
  540.         -->
  541.       </div>
  542.     </div>
  543.   
  544.     <div style="display:none">
  545.       <div id="editor-title"></div>
  546.     </div>
  547.  
  548.     <div id="editor-viewer">
  549.       <div id="editor-saving" style="display:none">
  550.         <div id="editor-saving-nw"></div>
  551.         <div id="editor-saving-ne"></div>
  552.         <div id="editor-saving-sw"></div>
  553.         <div id="editor-saving-se"></div>
  554.         <span>saving...</span>
  555.       </div>
  556.       <div id="editor-content"></div>
  557.  
  558.       <div id="editor-foot" >
  559.  
  560.         <div id="editor-foot-blog-btn" class="button normal small" translate="true" onclick="memo.getEditor().blogIt()">Blog it</div>
  561.         <div id="editor-foot-ok-btn" class="button normal small" translate="true" onclick="memo.getEditor().okBtnClick(event)">OK</div>
  562.         <div id="editor-foot-btn" class="button normal small" translate="true" onclick="memo.getEditor().quit()">Cancel</div>
  563.  
  564.       </div>
  565.  
  566.     </div>
  567.  
  568.   </div>
  569.  
  570.   <div id="editor-share-page" class="main-bloc" style="display:none">
  571.  
  572.     <div id="editor-share-page-main">
  573.  
  574.       <div id="editor-share-page-title-box">
  575.         <div id="editor-title-input-box">
  576.           <input id="editor-title-input" type="text" />
  577.         </div>
  578.       </div>
  579.  
  580.       <div id="editor-share-page-options" onclick="memo.getEditor().share(event)">
  581.         <div id="editor-share-page-option-title" translate="true">Share with :</div>
  582.         <div class="editor-share-page-option" value="PRIVATE"><div class="radio-btn common-img1"></div><span translate="true">nobody</span></div>
  583.         <div class="editor-share-page-option" value="ALL"><div class="radio-btn common-img1"></div><span translate="true">everybody</span></div>
  584.       </div>
  585.  
  586.     </div>
  587.  
  588.     <div class="editor-foot" >
  589.  
  590.       <div id="editor-share-page-foot-ok" class="button light small" hoverbox onclick="memo.getEditor().okBtnClick(event)" value="new-note" >ok</div>
  591.       <div id="editor-share-page-foot-quit" class="button light small" hoverbox onclick="memo.getEditor().quit()" translate="true" value="new-note" >cancel</div>
  592.  
  593.     </div>
  594.     
  595.   </div>  
  596.  
  597. <!-- NOTE TEMPLATE -->
  598.  
  599. <div class="note" id="note-template" hoverbox> 
  600.   <div class="note-header skin-bgcolor-lite">
  601.     <div class="note-header-menu-btn" hover
  602.       onmouseup="YTools.menu(this, 'note-actions-pop', this)"
  603.     ></div>
  604.     <div translate="true" class="note-header-edit-msg">edit</div>
  605.     <div class="note-bullet bg" rating="1" onmouseout="memo.getViewer().mouseoutRating(event)" onmouseover="memo.getViewer().mouseoverRating(this)" onClick="memo.getViewer().changeRating(event);"></div>
  606.     <div class="note-bullet bg" rating="2" onmouseout="memo.getViewer().mouseoutRating(event)" onmouseover="memo.getViewer().mouseoverRating(this)" onClick="memo.getViewer().changeRating(event);"></div>
  607.     <div class="note-bullet bg" rating="3" onmouseout="memo.getViewer().mouseoutRating(event)" onmouseover="memo.getViewer().mouseoverRating(this)" onClick="memo.getViewer().changeRating(event);"></div>
  608.     <div class="note-bullet bg" rating="4" onmouseout="memo.getViewer().mouseoutRating(event)" onmouseover="memo.getViewer().mouseoverRating(this)" onClick="memo.getViewer().changeRating(event);"></div>
  609.     <div class="note-bullet bg" rating="5" onmouseout="memo.getViewer().mouseoutRating(event)" onmouseover="memo.getViewer().mouseoverRating(this)" onClick="memo.getViewer().changeRating(event);"></div>
  610.   </div>
  611.   <div style="height:1px;"></div>
  612.   <div class="note-content"></div>
  613. </div>
  614.  
  615. <div id="yoono-tools-image-template" style="display:none">
  616.   <div class="yoono-tools-container">
  617.    <div class="yoono-tools-image">
  618.       <div class="yoono-tools-image-close" style="cursor:pointer" tooltiptext="Delete"></div>
  619.       <div class="yoono-tools-image-origin" tooltiptext="Center map on origin point"></div>
  620.       <div class="yoono-tools-image-default-size" tooltiptext="Set to original size"></div>
  621.       <div class="yoono-tools-image-inline" tooltiptext="Display as part of the text"></div>
  622.       <div class="yoono-tools-image-no-side-text" tooltiptext="Center"></div>
  623.       <div class="yoono-tools-image-left-side-text" tooltiptext="Align to the right of text"></div>
  624.       <div class="yoono-tools-image-right-side-text"  tooltiptext="Align to the left of text"></div>
  625.     </div>
  626.   </div>
  627. </div>
  628.  
  629. <form id="dummy-form" target="_blank" method="post" style="display:none">
  630.   <input id="dummy-login" name="login" />
  631.   <input id="dummy-password" name="password" />
  632.   <input id="dummy-userKey" name="key" />
  633. </form>
  634.  
  635. <div style="display:none" id="disabler"></div>
  636.  
  637. <div id="hint" style="display:none"> </div>
  638.  
  639. </body>
  640.  
  641. </html>
  642.